$(function(){
	//左侧导航点击效果用到的值
	var today_top = $('#today').offset().top;
	var food_top = $('#food').offset().top;
	var film_top = $('#film').offset().top;
	var yule_top = $('#yule').offset().top;
	var shop_top = $('#shop').offset().top;
	var life_top = $('#life').offset().top;
	var hotel_top = $('#hotel').offset().top;
	var local_top = $('#local').offset().top;
	var beauty_top = $('#beauty').offset().top;
	//顶部广告
	ad_timerOut = setTimeout(function(){
		$('#ad_big').animate({height: '90px'}, 1000,function(){
			//左侧导航点击效果，广告动画完了，要更新下面的值
			today_top = $('#today').offset().top;
			food_top = $('#food').offset().top;
			film_top = $('#film').offset().top;
			yule_top = $('#yule').offset().top;
			shop_top = $('#shop').offset().top;
			life_top = $('#life').offset().top;
			hotel_top = $('#hotel').offset().top;
			local_top = $('#local').offset().top;
			beauty_top = $('#beauty').offset().top;

			$('#ad_big').hide();
			$('#ad_small').show();
			c=0;
			
			ad_timer = setInterval(function(){
				c++;
				if (c==3) {
					c=0;
				};
				displayNowAd(c);
			},5000)
		})
	},3000);
	//显示当前广告函数
	function displayNowAd(c){
		//$('#ad_small ul.img_box li').eq(c).fadeIn('1500').siblings().fadeOut('1500');
		$('#ad_small ul.img_box li').eq(c-1).fadeOut('1500',function(){
			//alert(c)
			$('#ad_small ul.img_box li').eq(c).fadeIn('1500')
		});
		$('#ad_small ul.dot li').eq(c).attr('class', 'hover').siblings().removeAttr('class');
	}

	//大广告关闭效果
	$('#ad_big i').click(function() {
		clearInterval(ad_timerOut);
		$('#ad_big').animate({height: '90px'}, 1000,function(){
			//左侧导航点击效果，广告动画完了，要更新下面的值
			today_top = $('#today').offset().top;
			food_top = $('#food').offset().top;
			film_top = $('#film').offset().top;
			yule_top = $('#yule').offset().top;
			shop_top = $('#shop').offset().top;
			life_top = $('#life').offset().top;
			hotel_top = $('#hotel').offset().top;
			local_top = $('#local').offset().top;
			beauty_top = $('#beauty').offset().top;

			$('#ad_big').hide();
			$('#ad_small').show();
			c=0;
			
			ad_timer = setInterval(function(){
				c++;
				if (c==3) {
					c=0;
				};
				displayNowAd(c);
			},5000)
		})
	});

	//鼠标经过及离开效果
	$('#ad_small .ad80').hover(function() {
		clearInterval(ad_timer);
	}, function() {
		
			ad_timer = setInterval(function(){
				c++;
				if (c==3) {
					c=0;
				};
				displayNowAd(c);
			},4000)
	});

	//鼠标放在小圆点的效果
	$('#ad_small ul.dot li').hover(function() {
		clearInterval(ad_timer);
		var ad_index = $(this).index();
		$(this).attr('class', 'hover').siblings().removeAttr('class');
		$('#ad_small ul.img_box li').eq(ad_index-1).fadeOut('1500',function(){
			//alert(c)
			$('#ad_small ul.img_box li').eq(ad_index).fadeIn('1500')
		});
	}, function() {
		
	});

	//轮播小广告关闭效果
	$('#ad_small i').click(function() {
		$('#ad_small').hide();
		//左侧导航点击效果，广告动画完了，要更新下面的值
		today_top = $('#today').offset().top;
		food_top = $('#food').offset().top;
		film_top = $('#film').offset().top;
		yule_top = $('#yule').offset().top;
		shop_top = $('#shop').offset().top;
		life_top = $('#life').offset().top;
		hotel_top = $('#hotel').offset().top;
		local_top = $('#local').offset().top;
		beauty_top = $('#beauty').offset().top;
	});

	//顶部区域二级菜单效果
	$('#top').find('li.js').hover(function() {
		$(this).addClass('hover');//鼠标移入，给当前LI添加hover样式
	}, function() {
		$(this).removeClass('hover');//鼠标移出，删除当前LI的hover样式
	});

	//顶部搜索区域鼠标点击效果
	var $search = $('#logo_area .search .keywords')
	$search.focusin(function() {
		if ($(this).attr('value') == '世界之窗') {
			$(this).addClass('click').attr('value','');
		};
	});
	$search.focusout(function() {
		if ($(this).attr('value') == '') {
			$(this).removeClass('click').attr('value','世界之窗');
		};
	});
	//导航下面菜单、轮播区域左边二级菜单效果
	$('#nav_down dl.menu dd').hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});

	//导航下面菜单、轮播区域 中间上面部分鼠标放到“全部”时的效果
	$('#nav_down .up_area .list2 .all').mouseover(function() {
		$(this).parent().addClass('hover');
	}).siblings('ul').hover(function() {

	}, function() {
		$(this).parent().removeClass('hover')
	});

	//导航下面轮播区域效果
	$('#nav_down .lunbo ul li').first().clone().appendTo('#nav_down .lunbo ul').siblings().eq(1).clone().prependTo('#nav_down .lunbo ul');
	var i = 1;
	timer = setInterval(function(){
		autoRun();
	},2000);
	function autoRun(){
		i++;
		if (i==3) {
			i=1;
			$('#nav_down .lunbo ul').css('margin-Left', '0');
		};
		dispayOne(i);
		}
	function dispayOne(i){
		margin_left = -758 * i + 'px';
		$('#nav_down .lunbo ul').stop().animate({'margin-Left': margin_left}, 500)
	}
	$('#nav_down .lunbo .btn_left').click(function() {
		clearInterval(timer)
		i--;
		if (i<0) {
			i=1;
			$('#nav_down .lunbo ul').css('margin-Left', '-1516px');
		};
		dispayOne(i);
	});
	$('#nav_down .lunbo .btn_right').click(function() {
		autoRun();
	});
	$('#nav_down .lunbo').hover(function() {
		$(this).addClass('hover');
		clearInterval(timer);
	}, function() {
		timer = setInterval(function(){
		autoRun();
	},2000);
		$(this).removeClass('hover')
	});

	//导航下面右下角轮播效果
	var j=0;
	tg_lunbo();
	function tg_lunbo(){
		timer1=setInterval(function(){
		j++;
		if (j==2) {
			j=0;
		};
		$('#nav_down .tg_lunbo a.a_img').eq(j).fadeIn('500').siblings('a').fadeOut('500').siblings('.dot').children('a').eq(j).attr('class', 'hover').siblings('a').removeAttr('class');
		},2000)
	}
	$('#nav_down .tg_lunbo').hover(function() {
		clearInterval(timer1)
	}, function() {
		tg_lunbo();
	});

	$('#nav_down .tg_lunbo .dot a').hover(function() {
		$index = $(this).index();
		$(this).attr('class', 'hover').siblings().removeAttr('class').parent().siblings('a.a_img').eq($index).stop().fadeIn('500').siblings('a').stop().fadeOut('500');
	}, function() {
		
	});

	//今日推荐部分效果
	$ul_box = $('#today .down_box ul')
	$ul_box.children('li').slice(0, 4).clone().appendTo('#today .down_box ul');
	$ul_box.children('li').slice(8, 12).clone().prependTo('#today .down_box ul');
	var k = 1;
	timer2 = setInterval(function(){
		goAuto();
	},3000)
	function goAuto(){
		k++;
		if (k==4) {
			k=1;
			$ul_box.css('margin-Left', '0px');
		};
		dispayNow(k);	
	}
	function dispayNow(k){
		ulMarginLeft = -984*k+'px';
		$ul_box.stop().animate({'margin-Left':ulMarginLeft}, 500)
	}
	$('#today .top_box .right a.btn_left').click(function() {
		k--;
		if (k==0) {
			k=3;
			$ul_box.css('margin-Left', '-3936px');
		};
		dispayNow(k);
	});
	$('#today .top_box .right a.btn_right').click(function() {
		goAuto();
	});
	$('#today .top_box .right').hover(function() {
		clearInterval(timer2)
	}, function() {
		timer2 = setInterval(function(){
		goAuto();
	},3000)
	});
	$ul_box.hover(function() {
		clearInterval(timer2)
	}, function() {
		timer2 = setInterval(function(){
		goAuto();
	},3000)
	});

	//清除掉产品区块第四个产品底部多出的横线
	for (var n = 1; n <= $('.down_box ul li').length/4; n++) {
		$('.down_box ul li').eq(4*n-1).children('.line').addClass('line4')
	};

	//网站中间部分右边排行榜效果
	$('#hotlist .down_wrap ul').first().show().siblings('ul').hide();
	$('#hotlist .nav_ul ul li').first().attr('class','hover').end().mouseover(function() {
		$index = $(this).index();
		$(this).attr('class', 'hover').siblings().removeAttr('class');
		$('#hotlist .down_wrap ul').eq($index).show().siblings('ul').hide();
	});;

	$('#hotlist .r_btn_right').click(function() {
		$('#hotlist .nav_ul ul').css('margin-Left', '-196px');
		$(this).hide().siblings('#hotlist .r_btn_left').show()
	});
	$('#hotlist .r_btn_left').click(function() {
		$('#hotlist .nav_ul ul').css('margin-Left', '0px');
		$(this).hide().siblings('#hotlist .r_btn_right').show()
	});

	//猜你喜欢区域效果
	$('#guessyou .down_wrap ul').first().show().siblings('ul').hide();
	var a = 0;
	$('#guessyou .top_wrap a.refresh').click(function() {
		a++;
		if (a==4) {
			a=0;
		};
		$('#guessyou .down_wrap ul').eq(a).show().siblings('ul').hide();
	});

	//最近浏览推荐效果
	$('#recommend .down_wrap ul').first().show().siblings('ul').hide();
	var a = 0;
	$('#recommend .top_wrap a.refresh').click(function() {
		a++;
		if (a==2) {
			a=0;
		};
		$('#recommend .down_wrap ul').eq(a).show().siblings('ul').hide();
	});

	var rec_offset_top = $('#recommend').offset().top;
	$(window).scroll(function() {
		var scroll_top = $(window).scrollTop();
		var rec_top = 9208 - scroll_top +'px';
		if (scroll_top >= rec_offset_top && scroll_top < 9208) {
			$('#recommend').css({'position':'fixed','top':'0'});
		}else if(scroll_top >= 9208){
			$('#recommend').css({'position':'fixed','top':rec_top});
		}else{
			$('#recommend').css('position', 'relative');
		};
	});

	//左侧导航效果
	left_nav_top = ($(window).height() - 478 )/2 ;
		if (left_nav_top < 0) {
			left_nav_top = 0;
		};
		$('#left_nav').css('top', left_nav_top + 'px');
	$(window).resize(function() {
		left_nav_top = ($(window).height() - 478 )/2 ;
		if (left_nav_top < 0) {
			left_nav_top = 0;
		};
		$('#left_nav').css('top', left_nav_top + 'px');
	});

	//放到顶部广告部分获取下面的值，因为广告动画完了要更新下面的值
	/*var today_top = $('#today').offset().top;
	var food_top = $('#food').offset().top;
	var film_top = $('#film').offset().top;
	var yule_top = $('#yule').offset().top;
	var shop_top = $('#shop').offset().top;
	var life_top = $('#life').offset().top;
	var hotel_top = $('#hotel').offset().top;
	var local_top = $('#local').offset().top;
	var beauty_top = $('#beauty').offset().top;*/

	//点击的时候的效果
	$left_nav_li = $('#left_nav ul li')
	$left_nav_li.click(function() {
		var li_index = $(this).index();
		$(this).attr('class', 'hover').siblings().removeAttr('class');
		if (li_index ==0) {
			$('html,body').animate({scrollTop: today_top+'px'}, 300)
		}else if (li_index==1) {
			$('html,body').animate({scrollTop: food_top+'px'}, 300)
		}else{
			$('html,body').animate({scrollTop: (film_top+798*(li_index-2))+'px'}, 300)
		};
	});

	//滚动的时候的效果
	left_nav_scroll();
	$(window).scroll(function() {
		left_nav_scroll();
	});
	function left_nav_scroll(){
		var scroll_top = $(window).scrollTop();
		if(scroll_top < today_top-430){
			$('#left_nav').hide();
		}else if (scroll_top >= today_top-430 && scroll_top < food_top) {
			$left_nav_li.eq(0).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=food_top && scroll_top<film_top) {
			$left_nav_li.eq(1).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=film_top && scroll_top<yule_top) {
			$left_nav_li.eq(2).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=yule_top && scroll_top<shop_top) {
			$left_nav_li.eq(3).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=shop_top && scroll_top<life_top) {
			$left_nav_li.eq(4).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=life_top && scroll_top<hotel_top) {
			$left_nav_li.eq(5).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=hotel_top && scroll_top<local_top) {
			$left_nav_li.eq(6).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=local_top && scroll_top<beauty_top) {
			$left_nav_li.eq(7).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=beauty_top && scroll_top<beauty_top+430) {
			$left_nav_li.eq(8).attr('class', 'hover').siblings().removeAttr('class').parents('#left_nav').show();
		}else if (scroll_top>=beauty_top+430) {
			$('#left_nav').hide();
		};
	}

	//返回顶部效果
	$('#go_to_top ul li').first().click(function() {
		$('html,body').animate({'scrollTop': '0px'}, 500)
	})/*.end().eq(1).hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover')
	});*/

	go_to_top();
	$(window).scroll(function() {
		go_to_top()
	});
	function go_to_top(){
		var scroll_top = $(window).scrollTop();
		if (scroll_top < 100) {
			$('#go_to_top').hide();
		}else{
			$('#go_to_top').show();
		};
	}
})